<template>
    <div class="main">
        <PageTitle title="提现详情"></PageTitle>
        <div class="con">
            <div class="item">
                <p>提现账号：</p>
                <p>{{item.card}}</p>
            </div>
            <div class="item">
                <p>提现金额：</p>
                <p>{{item.price}}</p>
            </div>
            <div class="item">
                <p>提现状态：</p>
                <p>{{item.state == 1?'打款中':'已打款'}}</p>
            </div>
            <div class="item" v-if="item.image!=0">
                <p>打款凭证：</p>
                <p>
                    <img
                        :src="item.url"
                        @click="handlePictureCardPreview(item.url)"
                        class="list-img"
                        width="200" height="200"
                    />
                </p>
            </div>
        </div>
        <el-dialog :visible.sync="dialogVisible">
            <img width="100%" :src="dialogImageUrl" />
        </el-dialog>
    </div>
</template>
<script>
import PageTitle from "@/components/pageTitle/PageTitle.vue";
export default {
    components:{
        PageTitle
    },
    data(){
        return{
            dialogVisible:false,
            dialogImageUrl:null,
            item:[]
        }
    },
    activated(){
        console.log('route-------',this.$route.params.items)
        this.$nextTick(function(){
            if (this.$route.params.items) {
                this.item = this.$route.params.items
                console.log('item----------',this.item.image)
            }else{
                this.$router.push('/financialstatistics')
            }
        })
    },
    created(){
        
        
    },
    mounted(){

    },
    methods:{
        handlePictureCardPreview(src) {
            this.dialogImageUrl = src;
            this.dialogVisible = true;
        }
    }
}
</script>
<style scoped>
    .main .item{
        border-bottom: 1px solid #efefef;
        width: 400px;
    }
</style>